@media (min-width: 992px){
	.navbar-nav>li>a span{
	display:block;
	position:relative;
	transition:all ease-in-out 0.3s;}
	.navbar-nav>li>a:hover span{
		transform:translateY(-50px);
		color:#e40000;}
	.navbar-nav>li>a span:after{
		position:absolute;
		content:attr(data-title);
		top:50px;
		left:0;}
	.navbar-nav>li>a:after{
		position:absolute;
		content:"";
		width:0;
		height:1px;
		left:0;
		bottom:0;
		background:#e40000;
		transition:all ease-in-out .3s;}
	.navbar-nav>li>a:hover:after{
		width:100%;}
	.sy-news {
    margin-top: 0px;
    padding: 0px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.navbar-nav > li > a {
    	padding: 0 15px;}
    .navbar-brand img {
    max-height: 75px;}
    .sy-about{
	padding: 10px 0 0;
	min-height: 372px;}
	span.bg{
		padding: 0 10px;
	} 
	span.bg p{
		padding-bottom: 0;
	}
	span.bg .pmore {
		padding: 5px 20px;}

}	
	
@media (max-width: 991px){
	.navbar-nav > li > a {
    padding: 15px 7px;
	line-height:0;
	}	
	.navbar-brand img {
	    max-height: 36px;
	}
	.navbar-brand {
    padding: 17px 15px;}
	span.bg p{
	padding-bottom:8px;
	}
	.sy-about{
		background-size: cover;
		padding: 30px 0;
	}
	.sy-news {
    margin-top: 0px;
    padding: 0px;}
}

@media (min-width:768px) and (max-width:991px){}
@media (max-width:767px){
	.navbar-brand img{
		max-height:40px;}
	.navbar-toggle {
   	 	background-color:#eee;
		margin:20px 10px 20px 0;}
	.navbar-toggle .icon-bar {
		background-color: #555;}
	.navbar-nav>li>a{
		font-size:15px;
		color:#555;
		padding:10px 10px;
		margin: 18px 0;
		color: #fff;}
    .search-box .form-control {
    width: 65%;}
    .bar-icon{
        position: relative;
        width: 100%;
        z-index: 9999;
        top: 0;
        left: 0;}
    .bar-icon .bar-link {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;}
    .bar-icon .bar-link  a {
        width: 25%;
        height: 100%;
        float: left;}
	.dropdown-menu > li > a {
    color: #fff;}
    a.pro:hover span.bg{
        opacity:1;
        background: rgba(0,119,195,0.5);
        color: #fff;}
    .ser img{
    	margin-bottom: 10px;
    }
    .page-header {
	    padding-bottom: 9px;
	    margin: 20px 0;
	}
	.pro-list {
    padding: 0 20px 20px;}
    .pro-text {
    font-size: 14px;}
    a.pro {
    margin: 10px 0 0;}
    .sy-products{
    	background-color: #fff;
    }
    .ab-tit h2{
    	font-size: 24px;
    }
	.carousel,.ny-banner{
		margin-top:74px;}
	.sy-products {
    	margin-top: 0px;
    	padding: 0;}
    .zhedie .panel{
    	
    	border-radius: 0px;
    	border:none;
    	
    }
    .zhedie .panel > .panel-heading{
    	background-color: #0077c3;
    	color: #fff;
    	border-bottom:1px solid #fff;
    	padding:20px 15px;
    }
    .zhedie .panel > .panel-heading .panel-title{
    	font-size: 16px;
    }
    .zhedie .panel > .panel-heading .panel-title a i{
    	font-size: 18px;
    }
    .panel-group .panel + .panel {
    margin-top: 0px;}
    .zhedie .panel .panel-body{
    	background-color: #1a8dd6;
    	color: #fff;
    	line-height: 24px;
    	border-bottom:1px solid #fff;
    }
    .zhedie .panel .new a{
    	color: #fff;
    }
    .zhedie .panel-group {
    margin-bottom: 0px;}
    .bot{
    	background-color: #1d8bd2;
    	border-bottom: 10px solid #ff4b4c;
    	color: #fff;
    	padding: 20px 0 80px;
    }
    .bot a{
    	color: #fff;
    	padding-right: 4px;

    }
    .bot a i{
    	border-radius: 50%;
    	border:1px solid #fff;
    	width: 36px;
    	height: 36px;
    	line-height: 36px;
    }
    .bot p{
    	padding-top: 20px;
    }
    .nav_bot{
    	position: fixed;
    	width: 100%;
    	z-index: 9999;
    	left: 0;
    	bottom: 0;
    }
    .nav_bot .tool-link {
    position: absolute;
    top: 0;
    height:100%;
    width: 100%;
    overflow: hidden;
}
    .nav_bot .tool-link a {
    width: 25%;
    height: 100%;
    float: left;}


	
    
}